<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <title>投注</title>

  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="images/favicon.png">

  <script src="../public/all/js/jquery-3.1.1.min.js"></script>
  <script src="../public/all/js/amazeui.min.js"></script>
  <script src="js/iscroll-lite.js"></script>
  <script src="../public/all/js/jquery.cookie.js"></script>
  <script src="js/main2.min.js"></script>
  
  <!-- debug only -->
  <script src="../public/all/js/context.js"></script>
  <script src="../public/all/js/util.js"></script>
  <script src="../public/all/js/cmd.js"></script>
  <script src="../public/all/js/classify.js"></script>
  <script src="../public/all/js/page.js"></script>
  <script src="../public/all/js/rule/rule.js"></script>
  <script src="../public/all/js/message.js"></script>
  <script src="../public/all/js/notice.js"></script>
  <script src="../public/all/js/me.js"></script>
  <script src="../public/all/js/result.js"></script>
  <script src="../public/all/js/lottery.js"></script>

  <script src="../public/all/js/rule/pk10_rule.js"></script>
  <script src="../public/all/js/rule/bjpk10_rule.js"></script>
  <script src="../public/all/js/rule/zypk10_rule.js"></script>
  <script src="../public/all/js/rule/ssc_rule.js"></script>
  <script src="../public/all/js/rule/cqssc_rule.js"></script>
  <script src="../public/all/js/rule/tjssc_rule.js"></script>
  <script src="../public/all/js/rule/xjssc_rule.js"></script>
  <script src="../public/all/js/rule/zyssc_rule.js"></script>
  <script src="../public/all/js/rule/ffcqq_rule.js"></script>
  <script src="../public/all/js/rule/eleven5_rule.js"></script>
  <script src="../public/all/js/rule/gd115_rule.js"></script>
  <script src="../public/all/js/rule/zy115_rule.js"></script>
  <script src="../public/all/js/rule/ten_rule.js"></script>
  <script src="../public/all/js/rule/cqkl10_rule.js"></script>
  <script src="../public/all/js/rule/gdkl10_rule.js"></script>
  <script src="../public/all/js/rule/zykl10_rule.js"></script>
  <script src="../public/all/js/rule/kuai3_rule.js"></script>
  <script src="../public/all/js/rule/jsk3_rule.js"></script>
  <script src="../public/all/js/rule/zyk3_rule.js"></script>
  <script src="../public/all/js/rule/lhc_rule.js"></script>
  <script src="../public/all/js/rule/kl8_rule.js"></script>
  <script src="../public/all/js/rule/bjkl8_rule.js"></script>
  <script src="../public/all/js/rule/zykl8_rule.js"></script>

  <script src="js/opt/pk10.js"></script>
  <script src="js/opt/eleven5.js"></script>
  <script src="js/opt/kl8.js"></script>
  <script src="js/opt/kuai3.js"></script>
  <script src="js/opt/lhc.js"></script>
  <script src="js/opt/ssc.js"></script>
  <script src="js/opt/ten.js"></script>
  
  <script src="js/opt/game_limit.js"></script>
  <script src="js/opt/startup.js"></script>

  <script src="js/app.js"></script>
  <script src="js/game_list.js"></script>
  <script src="js/spin.min.js"></script>
  <script src="js/loading.js"></script>
  <!-- debug only end -->

  <link rel="stylesheet" href="../public/all/css/amazeui.min.css">
  <link rel="stylesheet" href="../public/all/css/common.css">
  <link rel="stylesheet" href="css/phone.css">
  <link rel="stylesheet" href="css/app.css">
</head>
<body>
    <div id="page-main">
        <img src="images/bg2.jpg" class="bg">
        <div id="top1">
            <div class="game">
                <span></span> <img src="../public/all/images/r.png" />
            </div>

            <div class="menu">
                <span class="money"></span>
                <img src="images/icon-menu.png"/>
            </div>
        </div>

        <div id="top2">
            <div class="issue"></div>
            <div class="result"> 
                <i class="nums-wrap">
                </i>
                <i class="result-wrap"></i>
            </div>
        </div>

        <div id="top3">
            <div class="issue"></div>
            <div>封盘:</div>
            <div class="fp"></div>
            <div>开奖:</div>
            <div class="kj"></div>
        </div>

        <!-- 底部下注菜单 -->
        <div class="footer" id="footer">
            <ul class="am-avg-sm-2">
                <li style="padding: 0px 5px 0px 5px;">
                    <div class="oper">
                        <div class="t">已选中<span class="number">0</span>注</div>
                        <div class="input">
                            <input type="number" placeholder="输入金额"/>
                        </div>
                    </div>
                </li>
                <li>
                    <ul class="am-avg-sm-2 button2" style="padding-left: 10px; text-align: center;">
                        <li><button class="ok">下注</button></li>
                        <li><button class="reset">重置</button></li>
                    </ul>
                </li>
            </ul>

            <div class="fp-clue hide">
                已封盘
            </div>
        </div>

        <div class="menu-left">
            <div class="for-scroll"></div>
        </div>
        <div class="detail" id="game">
            <div class="for-scroll"></div>
        </div>
    </div>

    <div id="dropdown-menus" class="hide">
        <div class="bg"></div>
        <div class="list">
            <a class="item jszd" href="#">
                <div>即时注单</div>
                <div class="weijie">(0.00)</div>
            </a>		
            <a class="item jryj" href="#">今日已结</a>
            <a class="item bet" href="#">下注记录</a>
            <a class="item result" href="#">开奖结果</a>
            <a class="item rule" href="#">游戏规则</a>
            <a class="item long" href="#">两面长龙</a>
            <a class="item luzhu" href="#">路珠</a>
            <a class="item charge hide" href="#">充值</a>
            <a class="item withdraw hide" href="#">提现</a>
            <a class="item today" href="#">
                <div class="color-blue">今天输赢 </div>
                <div class="win">(0.00)</div>
            </a>
        </div>
	</div>

    <div id="system-menus" class="hide">
        <div class="bg"></div>
        <div class="list">
            <div class="system-menu">系统菜单</div>
            <div class="menus"><div class="for-scroll">
                <a href="#" class="back2hall">返回大厅</a>
                <div class="games">
                </div>
            </div></div>
        </div>
    </div>

    <!-- 下注提示框 -->
    <div class="am-modal am-modal-no-btn" tabindex="-1" id="bet_clue">
        <div class="am-modal-dialog">
            <div class="border">
            <div class="clue-title">下注清单</div>
            <div class="am-modal-bd" id="bet_clue_content">
                <div class="scroll">
                <table>
                    <thead>
                    <tr>
                        <th class="target">号码</th>
                        <th class="rate">赔率</th>
                        <th class="amount">金额</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
                </div>

                <div class="zushu">共计 <span class="red">0</span> 注 &nbsp;&nbsp;&nbsp; 总金额：<span class="red">0.00</span></div>

                <div class="buttons">
                    <ul class="am-avg-sm-2">
                        <li><a href="javascript: void(0)" data-am-modal-close><button class="cancel">取消</button></a></li>
                        <li><button class="ok">确定</button></li>
                    </ul>
                </div>
            </div>
            </div>
        </div>
    </div>
    
    <!-- 规则提示框 -->
    <div class="am-modal am-modal-no-btn" tabindex="-1" id="game_rule">
        <div class="am-modal-dialog">
            <div class="border">
            <div class="rule-title">北京赛车</div>
            <div class="am-modal-bd" id="game_rule_content">
                <div class="scroll">
                    <div class="for-scroll"></div>
                </div>
                <div class="buttons">
                    <ul class="am-avg-sm-2">
                        <li><a href="javascript: void(0)" data-am-modal-close><button class="cancel">取消</button></a></li>
                        <li><a href="javascript: void(0)" data-am-modal-close><button class="ok">确定</button></a></li>
                    </ul>
                </div>
            </div>
            </div>
        </div>
    </div>

    <!-- 提示框 -->
    <div class="am-modal am-modal-no-btn" tabindex="-1" id="clue">
        <div class="am-modal-dialog">
            <div class="am-modal-bd" id="clue_content"></div>
        </div>
    </div>

    <!-- 站内消息 -->
    <div class="am-modal am-modal-no-btn" tabindex="-1" id="message">
        <div class="am-modal-dialog">
            <div class="am-modal-bd" id="message_content">
                <div class="title">标题</div>
                <div class="subtitle">标题</div>
                <div class="content">内容</div>
            </div>
            <div class="button">
                <button class="common_button">下一条</button>
            </div>
        </div>
    </div>

    <div id="loading"></div>
</body>
</html>

<script src="js/counter.js"></script>
<script src="js/index_menu.js"></script>

<script>
    window.game = null;
    startup(function() {
        switchGame(urlInfo.params.game, function() {
            _gameScroll.refresh();
        });
    });

    function alert2(message) {
        $("#clue_content").html(message);
        $("#clue").modal({
            width: 250
        });

        // 延迟3秒关闭
        setTimeout(function() {
            $("#clue").modal("close");
        }, 2000);
    }

    // 游戏内容滚动
    var _gameScroll = new IScroll("#game", {
        scrollY: true,
        click: true,
    });
    Util.registerTimer("MAIN_SCROLL", 1, function() {
        _gameScroll.refresh();
    });

    // 菜单滚动
    var _menuScroll = new IScroll(".menu-left", {
        scrollY: true,
        click: true,
    });

    // 游戏列表
    var _gameMenuScroll = new IScroll("#system-menus .menus", {
        scrollY: true,
        click: true,
    });
</script>